{extend name="layout/layout" /}
{block name="content"}
<div class="row">
    {volist name="count" id="v"}
    <div class="col-lg-6 col-xl-3 col-md-6 col-sm-6 col-12">
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <div class="col-6">
                        <div class="dash1">
                            <h4 class="text-dark">{$v}</h4>
                            <small class="text-muted ">{$key}</small>
                        </div>
                    </div>
                    <div class="col-6">
                        <div id="chart1" class="overflow-hidden"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {/volist}
</div>
<div class="row ">
    <!--<div class="col-lg-12 col-xl-6 col-md-12 col-12 col-sm-12">-->
        <!--<div class="card">-->
            <!--<div class="card-header">-->
                <!--<h4>数据</h4>-->
            <!--</div>-->
            <!--<div class="card-body">-->
                <!--<div id="bar-chart" class="overflow-hidden"></div>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
    <div class="col-lg-12 col-xl-6 col-md-12 col-12 col-sm-12">
        <div class="card">
            <div class="card-header">
                <h4>服务器信息</h4>
            </div>
            <div class="card-body">
                <div id="lg-flush">
                    <ul class="list-group list-group-flush">
                        {volist name="serverInfo" id="v"}
                        <li class="list-group-item">{$key} : {$v}</li>
                        {/volist}
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

{/block}